<!DOCTYPE html>
<html lang="en" ng-app="myApp">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>收藏夹首页</title>
		<link rel="stylesheet" href="css/scj.css" />
		<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" />
		<style>
			.act{
				color:red;
			}
		</style>
	</head>
	<body ng-controller="myControl">
		<header>
			<img ng-src={{data.img}} alt="" />
			<!--<h6>{{i}}</h6>-->
		</header>
		<div class="body">
			<ui-view></ui-view>
		</div>
		<footer>
			<div ui-sref="/jx.jptj" ui-sref-active="act"><i class="fa fa-home" class="toRed"></i><br />首页</div>
			<div ui-sref="/fl" ui-sref-active="act"><i class="fa fa-th-large"></i><br />分类</div>
			<div ui-sref="/wd" ui-sref-active="act"><i class="fa fa-user"></i><br />我的</div>
		</footer>
	</body>
</html>
<script src="js/angular-1.4.6.min.js"></script>
<script src="js/angular-ui-router.js"></script>
<script src="js/jquery-3.1.1.min.js"></script>
<!--<script src="app.js"></script>-->
<!--<script src="router/router.js"></script>-->
<script src="js/font.js"></script>	
<script>
	var app=angular.module("myApp",["ui.router"]);
	app.controller("myControl",function($scope,$http){
		$http.get("data/data.json").success(function(data1){
			$scope.data=data1;
		})
	})
	app.config(function($stateProvider,$urlRouterProvider){
	$stateProvider.state("/jx",{
		url:"/jx",
		templateUrl:"html/jx.html"
	}).state("/fl",{
		url:"/fl",
		templateUrl:"html/fl.html"
	}).state("/wd",{
		url:"/wd",
		templateUrl:"html/wd.html"
	}).state("/jx.jptj",{
		url:"/jx.jptj",
		templateUrl:"html/jptj.html"
	}).state("/jx.scgl",{
		url:"/jx.scgl",
		templateUrl:"html/scgl.html"
	});
	 $urlRouterProvider.otherwise("jx/jx.jptj");
});
</script>
